<meta charset="UTF-8">

<table title="" class="easyui-treegrid"
		data-options="
			url: 'files.json',
			method: 'get',
			rownumbers: true,
			idField: 'id',
			treeField: 'name',
			toolbar:'#tb',
			pagination:true, 
			fitColumns:true,
			onClickRow: onClickRow
		">
	<thead>
		<tr>
			<th data-options="field:'name'" width="220">Nome</th>
			<th data-options="field:'size'" width="100" align="right">Tamanho</th>
			<th data-options="field:'date'" width="150">Data Modificação</th>
		</tr>
	</thead>
</table>

<div id="tb" style="padding:5px;height:auto">
	<div style="margin-bottom:5px">
		<a href="#" title="Novo" ><i class="fa fa-plus" style="font-size:18px;color:green;padding:5px;"></i>Novo</a>
		<a href="#" title="Detalhes"><i class="fa fa-list" style="font-size:18px;color:green;padding:5px;"></i>Detalhes</a>
		<a href="#" title="Editar"><i class="fa fa-edit" style="font-size:18px;color:green;padding:5px;"></i>Editar</a>
		<a href="#" title="Excluir" onclick="confirmDelete();"><i class="fa fa-trash-o" style="font-size:18px;color:green;padding:5px;"></i>Excluir</a>
		<a href="gallery.html" title="Galeria"><i class="fa fa-image" style="font-size:18px;color:green;padding:5px;"></i>Visualizar</a>
	</div>
	<br/>
	<div>
		Nome: <input class="easyui-textbox" style="width:80px">
		<a href="#" class="easyui-linkbutton" iconCls="icon-search">Procurar</a>
	</div>
</div>
